@charset "utf-8";
/* 详情主体头部 */
#mainWrap{width:100%;min-height:500px;box-sizing: border-box;padding-top:120px}
.main{width:100%;height:100%}
.main-top{width:100%;line-height:60px;padding-left: 43px;box-sizing: border-box;border-bottom: 1px solid #ccc;}
.main-top h4{padding:0 10px;font-size: 18px;}
.main-top h4 a{padding:0 3px}
/* 主体下部 */
.main-bottom{width:100%;height:710px;}
.main-left{width:52%;box-sizing: border-box;padding:0 25px;height:100%;float:left;position: relative;}
.pic-change{width:100%;height:100%;position: relative;}
.pic-change .swiper-pagination{position: relative;margin-top: 40px;}
.pic-change .swiper-pagination span{width:13px;height:13px;border:1px solid #000;}
.pic-change .swiper-pagination-bullet-active{background-color: #000;}
.swiper-slide{width:100%;height:600px}
.swiper-slide img{width:100%;height:100%}
/* 放大镜小框 */
.s_box{width: 100%;height: 100%;position: absolute;left:0px;top:0px;
   z-index: 1;
}
.s_box b{position: absolute;left: 0;top:0;background:rgba(200,200,200,0.6);display: none;}
/* .s_box b{
    width:300px;height: 300px;z-index:1;display: none;
    position: absolute;left: 0;top:0;background:rgba(0,0,0,0.5);
} */
/* 右边大框 */
.right-box{width:48%;height:710px; float:left;box-sizing: border-box;position: relative;}
/* 初始显示的效果 */
.main-show{width:100%;height:710px; float:left;border-left: 1px solid #ccc;box-sizing: border-box;}
.information-show{ width:50%;height:100%;padding:0 20px;box-sizing: border-box;float: left;}
.information-show h3{font-size: 30px;padding:15px 0 10px;line-height: 30px;}
.information-show h3 a{color:#000}
.information-show>span{font-size: 12px;color:#000;line-height: 12px;}
.information-show>p{margin:15px 0;line-height: 58px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;font-size: 10px;color: rgb(24, 24, 24);;}
.dat h4>a{color: #ba3a39;font-size: 24px;}
.dat>a{color: rgb(24, 24, 24);font-size: 12px;}
.dat>span{color: rgb(24, 24, 24);font-size: 12px;}
.dat{border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.information-show-bottom{font-size: 14px;line-height: 24px;padding-left: 5px;margin-bottom: 25px;}
.information-show-bottom a{color:#000;border-bottom:1px solid #ccc;margin-left: 222px;}
.price{font-size: 18px;}
.car-btn{width:100%;height:60px;cursor: pointer;
    background-color: #000;font-size: 18px;line-height: 60px;text-align: center;margin:64px 0 50px}
.car-btn a{color:#fff;}
.car-btn:hover a{border-bottom: 1px solid #fff;}
.last{text-align: center;}
.last a{color: rgb(27, 27, 27);border-bottom: 1px solid #eee;font-size: 12px;line-height: 30px;}
/* 最右侧小轮播*/
.cutaway{width:50%;height:460px;float:left;position: relative;background-color: aqua;}
.top-ic,.btm-ic{width:100%;height:20px;background-color: black;text-align: center;}
.top-ic i,.btm-ic i{color:#fff;font-size: 20px;}
.picbox{height:420px;width:100%;overflow: hidden;position: relative;}
.img-box{width:100%;min-height: 420px;position: absolute;}
.img-box li{width:100%;height:60px;position: relative;}
/* 设置span的颜色 */
.img-box li:nth-of-type(2n-1) span{background-color:#880a0a ;}
.img-box li:nth-of-type(2n) span{background-color:#b26f54 ;}

.img-box li span{width: 100%;display:block;height:60px;position: absolute;z-index:3;}
.img-box li img{height:100%;width: 100%;position: absolute;z-index: 2;}




/* 放大镜效果 */
.bigpic{position: absolute;z-index: 3;width:100%;height:648px;
    float:left;box-sizing: border-box;border: 1px solid #ccc;border-top: 0;
    overflow: hidden;
    display: none;
}
.b_box img{width:1200px;height:1200px;position: absolute;left:0;top:0;}
.b_box{position: absolute;left:0;top:0;width:100%;height:648px;
}
